<template>
  <div class="shop_detail">
    <swipe :swipecontent="swipecontent" :setheight="setheight"></swipe>
    <jj :prices="prices"></jj>
  </div>
</template>

<script>
  var json=require("../../data.json")
  import swipe from "../swipe.vue"
  import jj from "../jj.vue"
  export default {
    data () {
      return {
        swipecontent:"",
        prices:"",
        setheight:"473px"
      }
    },
    components:{
      swipe,
      jj
    },
    created:function(){
      this.getmsg()
    },
    methods:{
      getmsg:function(){
        var id=this.$route.query.id
        var  img_arr=json.data[id].img
        var price=json.data[id].price
        this.swipecontent=img_arr
        this.prices=price
      }
    }

  }
</script>

<style>
.shop_detail{
  margin-bottom: 155px;
}
</style>
